$(function () {
  // 全局id
  let fullID;
  // 全局变量token
  let token = localStorage.getItem("token");
  // 1.获取所有的文章的数据
  function init() {
    $.ajax({
      url: "http://localhost:8080/api/v1/admin/category/list",
      headers: { Authorization: token },
      success: function (res) {
        if (res.code === 200) {
          let list = res.data;
          let html = template("articleTemp", { list });
          $("#article_list").html(html);
        }
      },
    });
  }
  init();
  // 2.新增分类
  $("#myModal .btn_opt").on("click", function (e) {
    // 阻止默认事件
    // e.preventDefault();
    $.ajax({
      url: "http://localhost:8080/api/v1/admin/category/add",
      type: "post",
      dataType: "json",
      headers: { Authorization: token },
      data: $("#addform").serialize(),
      success: function (res) {
        if (res.code === 200) {
          // 清空用户输入的数据
          $("[name='name']").val("");
          $("[name='slug']").val("");
          // 隐藏模态框
          $("#myModal").modal("hide");
          init();
        } else {
          console.log("失败");
          console.log(res);
        }
      },
    });
  });

  // 3.打开编辑的模态框
  $(".category_table").on("click", ".edit", function () {
    // 点击显示模态框
    let value = $(this).parents("tr").data("value");
    $("#editModal").modal("show");
    // 将数据填充到编辑模态框中
    $("#name").val(value.name);
    $("#slug").val(value.slug);
    //  将id给到fullID
    fullID = value.id;
  });

  // 4.编辑分类，添加到list中
  $("#editModal .btn_opt").on("click", function () {
    // 获取用户输入的数据
    let name = $("#name").val();
    let slug = $("#slug").val();
    $.ajax({
      url: "http://localhost:8080/api/v1/admin/category/edit",
      type: "post",
      headers: { Authorization: token },
      dataType: "json",
      data: { name, slug, id: fullID },
      success: function (res) {
        if (res.code === 200) {
          init();
          // 关闭模态框
          $("#editModal").modal("hide");
          $();
        } else {
          console.log("失败");
          console.log(res);
        }
      },
    });
  });
  // 5.点击删除，删除对应的list
  $("#article_list ").on("click", ".delete", function () {
    layer.confirm("请问是否需要删除?", (index) => {
      //  获取删除框的id
      let id = $(this).parents("tr").data("type").id;
      $.ajax({
        url: "http://localhost:8080/api/v1/admin/category/delete",
        type: "post",
        dataType: "json",
        data: { id },
        headers: { Authorization: token },
        success: function () {
          // 刷新数据;
          init();
        },
      });
      // 隐藏弹出框
      layer.close(index);
    });
  });
});
